$bgImgcolor: linear-gradient(to right, #5cb8ff, #49a1f8);
$bgcolor: #49a1f8;
$textcolor: #49a1f8;
$textcolor2: #90adcb;
$border: 1px solid #49a1f8;
$boxshadow: 1px 1px 4px 0px
  rgba(
    $color: #000000,
    $alpha: 0.08
  );
$boxshadowNav: 0px 2px 4px 1px
  rgba(
    $color: #000000,
    $alpha: 0.1
  );
$boxshadowBtn: 0px 2px 6px 0px
  rgba(
    $color: #5cb8ff,
    $alpha: 0.4
  );

@mixin loading_wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 120;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(128, 128, 128, 0.614);
  .loading_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .loading_tip {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: 0 auto;
    margin-top: 35px;
    color: #ffffff;
    animation: colorFlow 1s infinite;
  }
  @keyframes colorFlow {
    0% {
      color: #ffffff;
    }
    25% {
      color: #e8f6f7;
    }
    50% {
      color: #b1f5fa;
    }
    75% {
      color: #e8f6f7;
    }
    100% {
      color: #ffffff;
    }
  }
}
